<?php if (!defined('THINK_PATH')) exit();?><!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!--引入 css js-->
    <meta name="viewport" content="width=device-width, initial-scale=1">
<link href="/WeixinSource/trunk/Public/Css/bootstrap.min.css" rel="stylesheet">
<link href="/WeixinSource/trunk/Public/Css/custom.css" rel="stylesheet"/>
<link rel="stylesheet" href="/WeixinSource/trunk/Public/Css/font-awesome.css">
<link rel="stylesheet" href="/WeixinSource/trunk/Public/Css/font-awesome.min.css" >
<script src="/WeixinSource/trunk/Public/Js/jquery.min.js"></script>
<script src="/WeixinSource/trunk/Public/Js/bootstrap.min.js"></script>
<script src="/WeixinSource/trunk/Public/Js/custom.js"></script>
    <title>盐城水务缴费平台</title>
</head>
<body>
<div class="container">
    <style>
    .popup-menu {
        border-radius: 5px;
        display: none;
        font-size: 15px;
        color: black;
        font-family: serif;
    }
    .menu-item {
        background-color: #F8F8F8;
        color: black;
        padding: 10px 25px 10px 25px;
        list-style-type: none;
        white-space: nowrap;
        border-bottom: solid gray 1px;
    }
    .menu-item:hover, .menu-item:focus {
        background-color: #D9D9D9
    }
    .bottom-row {
        padding: 0px;
    }
    .bn-bottom {
        font-size: 15px;
        font-family: serif;
        background-color: #F9F9F9;
        border-right: ridge 1px gray;
        border-top: ridge 1px gray;
        padding: 10px 0px 10px 0px;
    }
</style>
<div class="row">
    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
        <nav class="navbar navbar-default navbar-fixed-bottom clearfix">
            <div class="container" id="bottom-bar" style="background-color: #D9D9D9">
                <div class="row" id="menu-row">
                    <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4 bottom-row" align="center" id="menu-container1"
                         style="position:relative;">
                        <div class="bn-bottom" align="center" id="bn1" onclick="onMainMenuItemClick('bn1')">
                            <?php echo ($bottomMenu["0"]["button"]); ?>
                        </div>
                        <div class="popup-menu" id="menu-content1" style="position:absolute;">
                            <ul class="list-group idx-list-group" id="container1">
                                <?php if(is_array($bottomMenu["0"]["sub_buttons"])): foreach($bottomMenu["0"]["sub_buttons"] as $key=>$sub_button): ?><li class="list-group-item menu-item" align="left" id="<?php echo ($sub_button["id"]); ?>"
                                        onclick="jumpTo('<?php echo ($sub_button["url"]); ?>')">
                                        <?php echo ($sub_button["sub_button"]); ?>
                                    </li><?php endforeach; endif; ?>
                            </ul>
                        </div>
                    </div>
                    <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4 bottom-row" align="center" id="menu-container2"
                         style="position:relative">
                        <div class="bn-bottom" align="center" id="bn2" onclick="onMainMenuItemClick('bn2')">
                            <?php echo ($bottomMenu["1"]["button"]); ?>
                        </div>
                        <div class="popup-menu" id="menu-content2" style="position:absolute;">
                            <ul class="list-group idx-list-group" id="container2">
                                <?php if(is_array($bottomMenu["1"]["sub_buttons"])): foreach($bottomMenu["1"]["sub_buttons"] as $key=>$sub_button): ?><li class="list-group-item menu-item" align="left" id="<?php echo ($sub_button["id"]); ?>"
                                        onclick="jumpTo('<?php echo ($sub_button["url"]); ?>')">
                                        <?php echo ($sub_button["sub_button"]); ?>
                                    </li><?php endforeach; endif; ?>
                            </ul>
                        </div>
                    </div>
                    <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4 bottom-row" align="center" id="menu-container3"
                         style="position:relative">
                        <div class="bn-bottom" align="center" id="bn3" onclick="onMainMenuItemClick('bn3')"
                             style="border-right: none">
                            <?php echo ($bottomMenu["2"]["button"]); ?>
                        </div>
                        <div class="popup-menu" id="menu-content3" style="position:absolute;">
                            <ul class="list-group" id="container3">
                                <?php if(is_array($bottomMenu["2"]["sub_buttons"])): foreach($bottomMenu["2"]["sub_buttons"] as $key=>$sub_button): ?><li class="list-group-item menu-item" align="left" id="<?php echo ($sub_button["id"]); ?>"
                                        onclick="jumpTo('<?php echo ($sub_button["url"]); ?>')">
                                        <?php echo ($sub_button["sub_button"]); ?>
                                    </li><?php endforeach; endif; ?>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </nav>
    </div>
</div>

<script src="/WeixinSource/trunk/Public/Js/menu.js"></script>
    <style>
    .top {
        background-color: #0087CF;
        color: white;
        font-size: 20px;
        height: 50px;
        line-height: 50px;
    }
</style>
<div class="row top">
    <div class="col-xs-1" id="back">
        <img src="/WeixinSource/trunk/Public/Images/back-white.png">
    </div>
    <div class="col-xs-10" align="center">
        <span>test</span>
    </div>
</div>
<script>
    $("#back").bind({
        'click': function () {
            window.history.go(-1);
        }
    });
</script>
</div>
</body>
</html>